<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<script src="//at.alicdn.com/t/c/font_3802789_djaxnl15u2h.js"></script>
		<style>
		    .icon {
		       width: 1em; height: 1em;
		       vertical-align: -0.15em;
		       fill: currentColor;
		       overflow: hidden;
		       color: lightpink;
		    }
			.box{
			width: 100%;height: 100px;
			border: 1px solid black;
			}
			.nr{
			width: 1226px;
			height: 100%;
			background-color: ghostwhite;
			margin: 0 auto;
			overflow: hidden;
			}
			.logo{
			width: 56px;
			height: 56px;
			background-image: url(img/a1.png);
			background-size: 100% 100%;
			float: left;
			margin: 20px 0 0 0;
			
			}
			.ul{
			float:left;
			list-style: none;
			margin: 0 0 0 100px;
			height:100px;
			line-height: 100px;
			}
			.ul li{
			float:left;
			margin: 0 20px 0 0;
			}
			.box1{
				width: 250px;height: 40px;border: 1px solid pink
			}
			.box1 input{
				height: 100%;
				width: 100px;
				border: none;
				outline: none;
				padding: 0 20px;width: 160px;float: left;
			}
			.a2{
				width: 48px;height: 100%;
				border-left: 1px solid pink;float: left;
				text-align: center;line-height: 40px;
			}
		</style>
	</head>
	
	<body>
		<div class="box">
			<div class="nr">
				<div class="logo"></div>
				<ul class="ul">
					<li>HUAWEI手机</li>
					<li>荣耀手机</li>
					<li>电视</li>
					<li>笔记本</li>
					<li>平板</li>
					<li>家电</li>
					<li>路由器</li>
				</ul>
				</div>
				<div class="box1">
						<input type="text"/>
						<div class="a2">					
							<svg class="icon" aria-hidden="true">
							    <use xlink:href="#icon-bianbian"></use>
							</svg>
						</div>						
				</div>
			</div>
		</div>
	</body>
</html>		


 